<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<!-- 框架底层 css 及  js 插件 -->
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/grey.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<!-- 时间控件 -->
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js"></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css"/>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-select.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jquery.form.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/system/js/bootstrap-fileupload.js"></script>
	</head>
	<!-- BEGIN BODY -->			
	<body class="page-header-fixed">
		<!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
         <!-- END HEADER -->
        <!-- BEGIN CONTAINER -->  
		<div class="page-container row-fluid">
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<sys:sysNav ctgLevelOne="serialNumber" ctgLevelTwo="serialNumberMgr" />
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
			<!-- END BEGIN HORIZONTAL MENU PAGE SIDEBAR -->
			<!-- BEGIN PAGE -->
			<div class="page-content" style="margin-left: 225px !important;">
				<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
				<div class="container-fluid">
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-user-md"></i>序列号管理</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>管理序列号信息(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="{baseModel.home}">总览</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">序列号信息</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">序列号信息管理</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<!-- END PAGE HEADER-->
					<!-- BEGIN PAGE CONTENT-->
					<div class="row-fluid">
						<div  id="dashboard" class="row-fluid">
							<form class="form-horizontal" id="searchSerialnumberVOForm">
								<div class="control-group span2">												 
									<div class="controls span12">序列号:
										<input class="form-input-sty span12 m-wrap" type="text" id="serialNumberSearch" name="serialNumberSearch" placeholder="请输入序列号">
									</div>
								</div>
								<div class="control-group span2">												 
									<div class="controls span12">拥有权限:
										<input class="form-input-sty span12 m-wrap" type="text" id="serialExt1Search" name="serialExt1Search" placeholder="请输入权限">
									</div>
								</div>
								<div class="control-group span3">
									<button type="button" class="btn btn-info btn-outline m-wrap" id="dataSearchBtn" Onclick="reloadData()">搜 索</button>
								</div>
							</form>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<!-- BEGIN SAMPLE TABLE PORTLET-->
							<div class="portlet box bg-yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-book"></i>序列号信息表</div>
									<div class="tools">
										<a href="javascript:;" class="collapse"></a>
									</div>
									<div class="actions">
										<a class="btn btn-auto btn-outline m-wrap" id="adddataVO"><i class="icon-plus"></i>新增</a>
									</div>
								</div>
								<div class="portlet-body">
									<table id="tableSerialnumberVODiv" class="table table-striped table-bordered table-hover table-full-width" style="word-wrap:break-word;">
										<thead>
											<tr>
												<th>id</th>
												<th>序列号</th>
												<th>权限</th>
												<th>备注</th>
												<th style="width:200px;">操作</th>
											</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div>
							</div>
							<!-- END SAMPLE TABLE PORTLET-->
						</div>
					</div>
					<!-- END PAGE CONTENT-->
					<!-- 序列号基本信息详情 -->
					<div class="row-fluid">
						<div id="detailSerialnumberVODiv" class="modal hide fade" tabindex="-1" data-width="860">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header bg-yellow">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
										<h4 class="modal-title">
											<i class="fa fa-plus"></i>
											<span id="lblAddTitle" style="font-weight:bold">详情</span>
										</h4>
									</div>
									<div class="modal-body tabbable tabbable-custom ">
										<ul id="myTab" class="nav nav-tabs">
											<li class="active" id="oneLi">
												<a href="#dlg_detail" data-toggle="tab">
													基本信息
												</a>
											</li>
										</ul>
										<div class="tab-content">
											<div class="tab-pane row-fluid active" id="dlg_detail">
												<table class='table table-striped table-hover table-bordered dt-responsive tab-pane fade in active' id="SerialnumberVODetailTableDiv">
													<tbody>
														<tr>
															<td style = "width:275px" class='bold font-blue-hoki'>序列号</td>
															<td style = "width:275px" id="serialNumberDetail"></td>
															<td style = "width:275px" class='bold font-blue-hoki'>拥有权限</td>
															<td style = "width:275px" id="serialExt1Detail"></td>
														</tr>
														<tr>
															<td style = "width:275px" class='bold font-blue-hoki'>备注</td>
															<td style = "width:275px" id="serialExt2Detail"></td>
															<td></td>
															<td></td>
														</tr>
															<!-- <td style = "width:275px" class='bold font-blue-hoki'>备用字段</td>
															<td style = "width:275px" id="serialExt3Detail"></td>
														</tr> -->
													</tbody>
												</table>
											</div>
										</div>
										<div class="modal-footer" >
											<button type="button" data-dismiss="modal" class="btn btn-auto btn-outline">关闭</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--增加和修改序列号基本信息-->
					<div id="addSerialnumberVODiv"  class="modal fade hide" data-width="800" tabindex="-1">
						<!-- BEGIN VALIDATION STATES-->
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header box bg-yellow">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
									<h4 class="modal-title">
										<i class="icon-reorder"></i>
										<span class="caption" id="divTitle">序列号信息</span>
									</h4>
								</div>
								<div class="modal-body form">
									<!-- BEGIN FORM-->
									<form class="form-horizontal " id="addSerialnumberVOForm" method="post" novalidate="novalidate" enctype="multipart/form-data" >
										<div class="alert alert-error hide">
											<button class="close" data-dismiss="alert"></button>
											表单验证出现问题. 请完善相关错误信息.
										</div>
										<div class="alert alert-success hide">
											<button class="close" data-dismiss="alert"></button>
											表单验证成功!
										</div>
										<input type="hidden" id="serialId" name="serialId"/>
										<div class="row-fluid"  style="min-height:58px;">
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="serialNumber"><span id="valierr" style="color:#FF9966">*</span>序列号:</label>
													<div class="controls span8 input-group">
														<input type="text" name="serialNumber" id="serialNumber" class="form-input-sty span12 m-wrap" placeholder="请填写序列号!"/>
													</div>
												</div>
											</div>
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="serialExt1"><span id="valierr" style="color:#FF9966">*</span>拥有权限:</label>
													<div class="controls span8 input-group">
														<input type="text" name="serialExt1" id="serialExt1" class="form-input-sty span12 m-wrap" placeholder="请填写拥有权限!"/>
													</div>
												</div>
											</div>
										</div>
										<div class="row-fluid"  style="min-height:58px;">
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="serialExt2">备注:</label>
													<div class="controls span8 input-group">
														<input type="text" name="serialExt2" id="serialExt2" class="form-input-sty span12 m-wrap" placeholder="请填写备用字段!"/>
													</div>
												</div>
											</div>
										</div>
											<!-- <div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="serialExt3">备用字段:</label>
													<div class="controls span8 input-group">
														<input type="text" name="serialExt3" id="serialExt3" class="form-input-sty span12 m-wrap" placeholder="请填写备用字段!"/>
													</div>
												</div>
											</div>
										</div> -->
									</form>
								</div>
								<div class="row-fluid" >
									<div class="modal-footer">
										<button type="button" class="btn btn-info btn-outline m-wrap" id="SerialnumberVOAddBtn">保存</button>
										<button type="button" class="btn btn-auto btn-outline m-wrap" data-dismiss="modal">关闭</button>
									</div>
								</div> 
							</div>
						</div>
						<!-- END VALIDATION STATES-->
					</div>
					<!-- 添加或修改结束 -->
				</div>
				<!-- END PAGE CONTAINER--> 
			</div>
			<!-- END PAGE -->
		</div>
		<!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
			function reloadData(){
				msgTable.ajax.reload();
			}
		</script>
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/verify.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/info/SerialnumberVOMgr.js"></script>
	</body>
</html>